Component({
  options:  {
     multipleSlots:  true // 在组件定义时的选项中启用多slot支持
  },
  /**
   * 组件的属性列表
    */
  properties:  {
    // 标题
    title: {
      type: String,
      value: '我是表题'
    },
    // 表头内容
    head :  {    
      // 类型（必填），目前接受的类型包括：String, Number, Boolean, 
      // Object, Array, null（表示任意类型）
      type: Array,   
      // 属性初始值（可选），如果未指定则会根据类型选择一个
      value:  ['序号', '名称', '费用金额', '操作']    
    },
    // 对应表头的字段
    // 第一个是序号，最后一个是操作不需要
    field: {          
       type: Array,    
       value: ['index', 'item', 'accountNum']    
    },
    // 表格内容
    content : {          
      type: Object,    
      value: [
        { index: 1, item: '笔记本', accountNum: 5000 },
        { index: 2, item: '笔记本', accountNum: 5000 },
        { index: 3, item: '笔记本', accountNum: 5000 },
        { index: 4, item: '笔记本', accountNum: 5000 },
      ] 
    },

  },

  /**
   * 组件的初始数据
    */
  data:  {
 
  },

  /**
   * 组件的方法列表
    */
  methods:  {
    editHandle(event) {
      console.log('我是子组件')

      let row = event.target.dataset.item;
      var myEventDetail = {
        row
      } // detail对象，提供给事件监听函数
      var myEventOption = {
        bubbles : true,
        composed : true,
      } // 触发事件的选项
      this.triggerEvent('myedit', row)
  
    }
  }
})
